HTML <frame> 標(biāo)簽

2022-06-01 15:25 更新

以下使用<frame> 標(biāo)簽的具體實(shí)例,讓我們一起來(lái)學(xué)習(xí)一下吧,值得一提的是HTML5不支持<frame> 標(biāo)簽。

實(shí)例

簡(jiǎn)單的三框架頁(yè)面:

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

嘗試一下 ?
(更多實(shí)例見(jiàn)頁(yè)面底部)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <frame> 標(biāo)簽。


標(biāo)簽定義及使用說(shuō)明

HTML5 不支持 <frame> 標(biāo)簽。

<frame> 標(biāo)簽定義 <frameset> 中的子窗口(框架)。

<frameset> 中的每個(gè) <frame> 都可以設(shè)置不同的屬性,比如 border、scrolling, noresize 等等。

注釋?zhuān)?/strong>如果您希望驗(yàn)證包含框架的頁(yè)面,請(qǐng)確保 <!DOCTYPE> 被設(shè)置為 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。


HTML 4.01 與 HTML5之間的差異

HTML5 不支持 <frame> 標(biāo)簽,HTML 4.01 支持 <frame> 標(biāo)簽。


HTML 與 XHTML 之間的差異

在 HTML 中,<frame> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。在 XHTML 中,<frame> 標(biāo)簽必須被正確地關(guān)閉。


可選的屬性

屬性 描述
frameborder 0
1
HTML5 不支持。規(guī)定是否顯示框架周?chē)倪吙颉?/td>
longdesc URL HTML5 不支持。規(guī)定一個(gè)包含有關(guān)框架內(nèi)容的長(zhǎng)描述的頁(yè)面。
marginheight pixels HTML5 不支持。規(guī)定框架的上方和下方的邊距。
marginwidth pixels HTML5 不支持。規(guī)定框架的左側(cè)和右側(cè)的邊距。
name name HTML5 不支持。規(guī)定框架的名稱(chēng)。
noresize noresize HTML5 不支持。規(guī)定無(wú)法調(diào)整框架的大小。
scrolling yes
no
auto
HTML5 不支持。規(guī)定是否在框架中顯示滾動(dòng)條。
src URL HTML5 不支持。規(guī)定在框架中顯示的文檔的 URL。


標(biāo)準(zhǔn)屬性

在 HTML 4.01 中,<frame> 標(biāo)簽支持如下標(biāo)準(zhǔn)屬性:

屬性 描述
class classname 規(guī)定元素的類(lèi)名
id id 規(guī)定元素的唯一 id
style style_definition 規(guī)定元素的行內(nèi)樣式
title text 規(guī)定元素的額外信息

如需完整的描述,請(qǐng)?jiān)L問(wèn)標(biāo)準(zhǔn)屬性。


事件屬性

根據(jù) W3C 的標(biāo)準(zhǔn),在 HTML 4.01 中,<frame> 標(biāo)簽不支持任何的時(shí)間屬性。

但是,所有的瀏覽器都支持 onload 事件。

如需完整的描述,請(qǐng)?jiān)L問(wèn)事件屬性。


Examples

嘗試一下 - 實(shí)例

水平框架
本例演示:如何使用三份不同的文檔制作一個(gè)水平框架。

混合結(jié)構(gòu)框架
本例演示如何制作含有三份文檔的框架結(jié)構(gòu),同時(shí)將他們混合置于行和列之中。

含有 noresize="noresize" 屬性的框架結(jié)構(gòu)
本例演示 noresize 屬性。在本例中,框架是不可調(diào)整尺寸的。在框架間的邊框上拖動(dòng)鼠標(biāo),您會(huì)發(fā)現(xiàn)邊框是無(wú)法移動(dòng)的。


以上內(nèi)容是否對(duì)您有幫助:
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)